<template>
  <div class="con">
    <div class="contbox6_10">
      <p
        class="titlelist6_10 titles"
        style="box-shadow: none; position: fixed; z-index: 5"
      >
        信息管理
        <span style="color: #999; font-size: 16px"
          >&nbsp;&nbsp;
          <span style="font-size: 16px; color: #2f2c29">/</span>
          &nbsp;&nbsp; </span
        >我的信息&nbsp;&nbsp;
      </p>
      <div class="content">
        <div class="box">
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="我的信息" name="first">
              <Basic />
            </el-tab-pane>
            <el-tab-pane label="结算信息" name="second">
              <SettleMent />
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// 基本信息
import Basic from "./components/basic"
// 结算信息
import SettleMent from "./components/settlement"
export default {
  data() {
    return {
      activeName: "first",
    };
  },
  components: {
    Basic,
    SettleMent
  },
};
</script>

<style scoped>
.box {
  padding: 0 20px;
}
</style>